<template>
  <div class="ne-dev1">
    <div class="ne-tree">
        <order-search :selectedCustomerInfo="selectedCustomerInfo"></order-search>
      <component :is="Card" @selectedCustomer="selectedCustomer" @findMessage="findMessage"></component>
    </div>
    <el-dialog
        title=""
        :visible.sync="dialogVisible"
        width="45%">
      <el-row>
        <el-button v-for="(item,idx) in oFindArr" :key="idx">{{ item }}</el-button>
      </el-row>
    </el-dialog>
    <el-drawer
        title=""
        :visible.sync="drawer1"
        :with-header="false">
        <drawer-todo></drawer-todo>
    </el-drawer>
  </div>
</template>

<script>
import OrderSearch from "./OrderSearch";
import UnOrderList from './UnOrderList.vue';
import DrawerTodo from "@/views/order/cus-order-child/DrawerTodo";
import TableCard from "./ItemCard/TableCard.vue";
import { mapGetters } from "vuex";
export default {
  name: "OrderListA",
  data() {
    return {
      selectedCustomerInfo:{},
      dialogVisible: false,
      drawer1: false,
      orderList: [],
      oFindArr:['审核记录','审核情况','报价单','接口前置校验','预收费单','决算单',
        '项目信息','查看ICP信息','一次性调账信息','附件','资费情况']
    };
  },
  components: {
    OrderSearch,
    UnOrderList,
    DrawerTodo,
    TableCard
  },
  computed: {
    ...mapGetters(["Card"])
  },
  methods:{
    selectedCustomer(e){
      this.selectedCustomerInfo = e;
    },
    findMessage(id) {

      this.dialogVisible = true;
    }
  }
};
</script>

<style lang="scss" scoped>
.ne-dev1 {
  color: #666;
  font-size: $fontSize_base;
  .ne-tree {
    margin-top: .08rem;
    padding: .15rem .2rem .5rem;
    background-color: #fff;
    border-radius: 0 0 0 0;
    margin-bottom: .1rem;
  }
  .el-button{
    padding: .12rem 0;
    width: 1.20rem;
    text-align: center;
    margin: .05rem;
    height: auto;
    line-height: normal;
  }
  ::v-deep .el-dialog__body{
    padding: .1rem .2rem .3rem .2rem;
  }
}
</style>
